*{
    box-sizing: border-box;
}
body{
    min-width: 1180px;
    overflow-x: hidden;
}
/*.body{*/
/*    overflow-x: hidden;*/
/*}*/
/*顶部导航页*/
.videoNav{
    position: relative;
    width: 100%;
    min-width: 1210px;
    top: 0;
    line-height: 78px;
    background: #fff;
    border-bottom: 1px solid #ebeef3;
    z-index: 99999!important;
}
.videoNavContent{
    width: 1210px;
    height: 81px;
    margin: 0 auto;
    text-align: right;
}
.videoNavContent a{
    display: inline-block;
    font-size: 14px;
}
.ding{
    position: relative;
    float: left;
}
.ding img{
    position: relative;
    top: -3px;
    vertical-align: middle;
}
.videoNavContent-txt{
    display: inline-block;
    margin: 0 0 0 25px;
    font-size: 14px;
    text-align: center;
    color: #000;
    cursor: pointer;
}
.videoNavContent-txt:hover{
    color: #3296fa;
}

.videoNavContent-txt1{
    height: 81px;
    padding: 0 38px;
    margin: 0;
}
.videoNavContent-txt8{
    position: relative;
    margin-left: 60px;
    padding: 0 26px 0 25px;
}
.chinaIcon1{
    position: absolute;
    top: 30px;
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("../img/videoF1/gwImg/TB1iTlhagoQMeJjy0FnXXb8gFXa-36-36.png") no-repeat;
    background-size: 18px 18px;
}
.chinaIcon1{
    position: absolute;
    top: 30px;
    left: 0px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("../img/videoF1/gwImg/TB1iTlhagoQMeJjy0FnXXb8gFXa-36-36.png") no-repeat;
    background-size: 18px 18px;
}
.chinaIcon2{
    position: absolute;
    top: 35px;
    right: 10px;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    background: url("../img/videoF1/gwImg/down.png") no-repeat;
    background-size: 10px 10px;
}
.reg{
    position: relative;
    width: 85px;
    height: 81px;
    margin: 0 0 0 10px;
    background: #3296fa;
    color: #fff;
    text-align: center;
}
.reg:hover{
    color: #fff;
    background: #2180e0;
}
.login{
    position: relative;
    width: 85px;
    height: 81px;
    margin: 0 0 0 -4px;
    color: #000;
    text-align: center;
    border-right: 1px solid #ebeef3;
}
.login:hover{
    color: #3296fa;
    background-color: #fafafa;
}

/*产品弹窗*/
.menuPopupFixed{
    position: relative;
    left: 0;
    right: 0;
    line-height: 20px;
    z-index: 999;
}
.menuPopup{
    position: absolute;
    width: 100%;
    min-width: 1180px;
    padding-bottom: 36px;
    background-color: #fff;
    border-top: 1px solid #ebeced;
}
.menuPopupBg{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}
.menuPopupContent{
    width: 180px;
    padding-top: 24px;
    display: flex;
    flex-flow: column nowrap;
}
.menuPopupContent a:hover{
    color: #3296FA;
}
.menuPopupTitle{
    margin-bottom:15px ;
    font-size: 14px;
    color: #282828;
    font-weight: bold;
    cursor: pointer;
}
.menuPopupTitleIcon{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-size: 100%;
    vertical-align: sub;  /*垂直对齐文本的下标*/
}
.menuPopupTitleIcon1{
    background: url("../img/empHealth/gwImg/TB1rXgetNnaK1RjSZFtXXbC2VXa-15-15.png") no-repeat;
}
.menuPopupTitleIcon2{
    background: url("../img/empHealth/gwImg/TB1D9nNtPDpK1RjSZFrXXa78VXa-15-15.png") no-repeat;
}
.menuPopupTitleIcon3{
    background: url("../img/empHealth/gwImg/TB1NnjZtHvpK1RjSZFqXXcXUVXa-15-15.png") no-repeat;
}
.menuPopupTitleIcon4{
    background: url("../img/empHealth/gwImg/TB1nwT0tQvoK1RjSZFwXXciCFXa-15-15.png") no-repeat;
}
.menuPopupTitleIcon5{
    background: url("../img/empHealth/gwImg/TB1pbQjtNjaK1RjSZKzXXXVwXXa-15-15.png") no-repeat;
}
.menuPopupTitleIcon6{
    background: url("../img/empHealth/gwImg/TB1JVW8vKbviK0jSZFNXXaApXXa-30-30.png") no-repeat;
}

.menuPopupDot{
    margin-right: 12px;
}
.menuPopupNewIcon{
    display: inline-block;
    width: 24px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/empHealth/gwImg/TB1IOhiuY2pK1RjSZFsXXaNlXXa-48-32.png") no-repeat;
    background-size: 100%;
    vertical-align: sub;
}
.menuPopupComIcon{
    display: inline-block;
    width: 48px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/empHealth/gwImg/TB1vzbTekT2gK0jSZFkXXcIQFXa-96-32.png") no-repeat;
    background-size: 100%;
    vertical-align: sub;
}


/*顶部导航栏下面的固定导航栏*/
.navNext{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 56px;
    background:#fff;
    font-family: "webfont","Helvetica";
    border-bottom: 1px solid #ebeef3;
    z-index: 9999;
}
.navNextcontent{
    width: 1180px;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
    cursor: pointer;
}
.navNextcontent-mask{
    position: absolute;
    float: left;
    height: 57px;
    width: 153px;
    z-index: 10000;
}
.navNextcontent-text{
    float: left;
    width: 54%;
    margin-left: 12%;
}
.navNextcontent-text li{
    float: left;
    padding-left: 25px;
}
.navNextcontent-text a{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
}

.navNextRightContent{
    float: right;
    width: 34%;
}
.navNextRight{
    float: right;
    padding-inline-start:10px;
}
.navNextRight li{
    float: left;
    font-size: 14px;
    line-height: 58px;
}
.navNextRight li:nth-child(1) a{
    color: #499efa;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #e3e4e4;
}
.navNextRight li:nth-child(2) a{
    color: #76787a;
    padding-right: 15px;
}
.navNextRight li:nth-child(3) a{
    display: block;
    width: 84px;
    height: 24px;
    line-height: 24px;
    background: #3296fa;
    color: #f5f9ff!important;
    padding: 0!important;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    margin-top: 17px;
}
.deviceF1 li:nth-child(2) a:hover,.navNextcontent-text a:hover{
    color: #3692fa;
}

/*最热等固定导航栏弹窗*/
.navNext-popup{
    height: auto!important;
    width: 100%;
    min-width: 1200px;
    margin: auto;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ebeef3;
    z-index: 999!important;
}
.navNext-popup-content{
    font-size: 14px;
    margin: auto;
    width: 1200px;
}
.navNext-popup-content ul{
    overflow: hidden;
    width: 94%;
    margin-left: 10%;
    list-style: none;
}
.navNext-popup-content ul li{
    width: 15%;
    text-align: center;
    display: inline-block;
    padding: 15px 0px;
    cursor: pointer;
    opacity: 0;
}
.hotActPopupDiv{
    margin: auto;
}
.hotActPopupDiv img{
    height: 60px;
    width: 60px;
}
.hotActPopupDiv div:nth-child(2){
    color: #333;
    margin-left: -10px;
}
.hotActPopupDiv div:nth-child(2) span{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0px 3px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    color: #3692fa;
    border: 1px solid rgb(98, 213, 180);
}
.hotActPopupDiv div:nth-child(3){
    color: #3692fa;
    margin-top: 5px;
    font-size: 16px;
    height: 16px;
    display: inline-flex;
}
.navNext-popup-content ul li:nth-child(1){
    animation: lishow 1s 0s forwards;
}
.navNext-popup-content ul li:nth-child(2){
    animation: lishow 1s 0.1s forwards;
}
.navNext-popup-content ul li:nth-child(3){
    animation: lishow 1s 0.2s forwards;
}
.navNext-popup-content ul li:nth-child(4){
    animation: lishow 1s 0.3s forwards;
}
.navNext-popup-content ul li:nth-child(5){
    animation: lishow 1s 0.4s forwards;
}
.navNext-popup-content ul li:nth-child(6){
    animation: lishow 1s 0.5s forwards;
}
.navNext-popup-content ul li:nth-child(7){
    animation: lishow 1s 0.6s forwards;
}
.navNext-popup-content ul li:nth-child(8){
    animation: lishow 1s 0.7s forwards;
}
.navNext-popup-content ul li:nth-child(9){
    animation: lishow 1s 0.9s forwards;
}
.navNext-popup-content ul li:nth-child(10){
    animation: lishow 1s 1s forwards;
}
@keyframes lishow {

    0% {
        opacity: 0;
        transform: translateX(18px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*身体部分*/

/*第一张图*/
.firstImg{
    position: relative;
    box-sizing: border-box
}
.firstImg-content{
    position: absolute;
    top: 15%;
    left: 10%;
    width: 90%;
    text-align: left;
    z-index: 100;
}
.firstImg-content>img{
    width: 180px;
    display: block;
    color: #fff;
    opacity: 0;
    animation: aniTextShow 1s 4s forwards;
    /*forwards 表示动画结束后，元素直接接使用当前样式.*/
}
/*上浮动画*/
@keyframes aniTextShow {
    0% {
        opacity: 0;
        transform: translateY(50px);
        /*定义转换，只是用 Y 轴的值.*/
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.firstImg-content-txt{
    font-size: 38px;
    line-height: 80px;
    color: #fff;
    opacity: 0;
    animation: aniTextShow 1s 4s forwards;
}
.firstImg-content-txt img{
    height: 50px;
    width: auto;
    display: block;
}
.firstImg-content-button{
    position: relative;
    width: 130px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background-color: rgb(63, 154, 244);
    color: #fff;
    margin-top: 28px;
    padding-right: 9px;
    border: 0px;
    border-radius: 5px;
    opacity: 0;
    animation: aniTextShow 1s 4s forwards;
}
.firstImg-content-button span{
    position: absolute;
    top: 18px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background: url("../img/videoF1/imImg/right.png") no-repeat;
    background-size: 100%;
}
.firstVideoBg{
    width: 100%;
    opacity: 1;
    display: block;
}

/*高清稳定，开会更爽*/
.HD{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 310.7px;
    background: url("../img/videoF1/imImg/TB10HV.FVT7gK0jSZFpXXaTkpXa-1919-442.png") no-repeat;
    background-size: 100%;
}
.HD-text{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    color: #282828;
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    opacity: 0;
    /*animation: aniTextShow 1s 0.4s forwards;*/
    z-index: 10;
}
.HD-img{
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    opacity: 0;
    /*animation: aniTextShow 1s 0.6s forwards;*/
}
.HD-img img{
    width: 60%;
    margin: auto;
    display: block;
}

/*视频区块*/
.videoPlayer{
    position: relative;
    width: 100%;
    height: 759px;
    background: #000;
}
.videoPlayer>video{
    width: 100%;
    display: block;
    opacity: 0.3;
    vertical-align: baseline;
}
.playerButton{
    position: absolute;
    top: 40%;
    left: 47%;
    width: 96px;
    height: 96px;
    cursor: pointer;
    z-index: 1000;
}
.videoPlayer-content{
    position: absolute;
    width: 80%;
    /*居中*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*居中*/
    z-index: 2000;
}
.videoPlayer-content-video{
    width: 100%;
}
.videoPlayer-content-x{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    color: silver;
    background:url("../img/videoF1/imImg/TB1es2sNpXXXXcbapXXXXXXXXXX-48-48.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}

/*滑动区*/
.sectionSlide{
    position: relative;
    box-sizing: border-box;
}
.sectionSlideSon{
    display: block;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
}
/*.imgshow{*/
/*    visibility: visible;*/
/*}*/
.imgshow{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    visibility: visible;
}
.sectionSlide1{
    width: 100%;
    height: 661.266px;
    background-color: #0b0c0d;
}
.sectionSlide2{
    position: fixed;
    height: 661.266px;
    width: 1349px;
    top: 0px;

    background-color: #0b0c0d;
}

.sectionSlide3{
    position: relative;
    width: 100%;
    height: 661.266px;
}
.sectionSlide3-img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 30% !important;
}

.sectionSlide4{
    position: relative;
    width: 100%;
    height: 661.266px;
    /*background: url("../img/videoF1/imImg/TB1XU70F.H1gK0jSZSyXXXtlpXa-1920-870.png");*/

}
.sectionSlide4-img{
    display: block;
    width: 100%;
    position: absolute;
    top: -11px;
    left: 0;
    opacity: 0;
}
/*.sectionSlide4off{*/
/*    display: block;*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: -11px;*/
/*    left: 0;*/
/*    opacity: 1;*/
/*    background: url("../img/videoF1/imImg/TB1XU70F.H1gK0jSZSyXXXtlpXa-1920-870.png");*/
/*}*/
.sectionSlide4-text{
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    padding: 0;
    color: #fff;
    opacity: 0;
    font-size: 35px;
    text-align: center;
    /*animation: aniTextShow 1s 0s forwards;*/
}
.sectionSlide4-div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.sectionSlide4-div-img{
    display: block;
    width: 70%;
    margin: auto;
    opacity: 0;
    /*animation: aniTextShow 1s 0s forwards;*/
}

/*4K高清相机*/
.HDCamera-content{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-60%);
    width: 100%;
    text-align: left;
    z-index: 100;
}
.HDCamera-content-img{
    color: #fff;
    opacity: 0;
    /*animation: aniTextShow 1s 4s forwards;*/
}
.HDCamera-content-img img{
    display: block;
    width: 15.5%;
}
.videoPlayBgVideo{
    opacity: 1;
    display: block;
    vertical-align: baseline;
}

/*高清呈现*/
.HDpresent img:nth-child(1){
    display: block;
    width: 100%;
}
.text{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 42px;
    opacity: 0;
    /*animation: aniTextShow 1s 0.2s forwards;*/
    z-index: 10;
}
.HDpresent-text1{
    top: 60px;
    line-height: 60px;
}
.HDpresent-text2{
    top: 130px;
    font-size: 18px;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}
.HDpresent-imgLeft{
    display: block;
    position: absolute;
    top:35%;
    left: -100%;
    width: 42%;
    /*animation:imgLeft 1s 0s forwards;*/
}
/*从左至右浮动*/
@keyframes imgLeft {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 7%;
    }
}
.HDpresent-imgRight{
    display: block;
    position: absolute;
    top:35%;
    right: -100%;
    width: 42%;
    /*animation:imgRight 1s 0s forwards;*/
}
/*从右至左浮动*/
@keyframes imgRight {
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 7%;
    }
}

/*一机解决会议难题*/
.solution{
    position: relative;
    box-sizing: border-box;
}
.solution-text1{
    color: #e7e7e7;
    top: 30px;
    line-height: 60px;
}
.solution-text2{
    color: #e7e7e7;
    top: 100px;
    font-size: 18px;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}

/*支持双屏显示*/
.doubleScreen-text1{
    top: 20px;
    color: #fff;
    line-height: 60px;
}
.doubleScreen-text2{
    top: 90px;
    color: #fff;
    font-size: 18px;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}
.doubleScreen img{
    display: block;
    width: 100%;
}

/*操作简单，扫码控会*/
.easyOpration{
    overflow: hidden;
}
.easyOpration-text1{
    color: #282828;
    text-align: inherit;
    left: 60%;
    top: 16%;
    font-size: 36px;
    line-height: 60px;
}
.easyOpration-text2{
    color: #282828;
    text-align: inherit;
    left: 60%;
    top: calc(16% + 60px + 10px);
    margin:0 ;
    font-size: 16px;
    line-height: 60px;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}
/*calc() 函数用于动态计算长度值。*/
/*需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；*/
/*任何长度值都可以使用calc()函数进行计算；*/
/*calc()函数支持 "+", "-", "*", "/" 运算；*/
/*calc()函数使用标准的数学运算优先级规则；*/

.easyOpration-img1{
    display: block;
    width: 100%;
}
.easyOpration-img2{
    position: absolute;
    right: 40%;
    width: 20%;
    display: block;
    opacity: 0;
    /*animation: showHand1 1s 0s forwards;*/
}
@keyframes showHand1 {
    0%{
        opacity: 0;
        bottom: -100%;
    }
    100%{
        opacity: 1;
        bottom: -27%;
    }
}

/*即插即用部署简单*/
.plug-and-play{
    overflow: hidden;
    width: 100%;
    height: 611.27px;
    background: url("../img/videoF1/gwImg/TB1XdVLF9f2gK0jSZFPXXXsopXa-1920-870.png") no-repeat;
    background-size: 100%;
}
.plug-and-play-text1{
    top: 50px;
    color: #282828;
    line-height: 60px;
    font-size: 42px;
}
.plug-and-play-text2{
    top: 120px;
    color: #282828;
    font-size: 18px;
    /*animation: aniTextShow 1s 0.4s forwards;*/
/*    1s是动画持续时间   0.4是延迟时间*/
}

.plugLeft{
    width: 25%;
    position: absolute;
    top: 30%;
    opacity: 0;
    /*animation: plugLeft 1s 1s forwards;*/
    display: block;
}
@keyframes plugLeft {
    0% {
        opacity: 0;
        left: -100%;
    }

    100% {
        opacity: 1;
        left: 8.3%;
    }
}
.plugRight{
    display: block;
    width: 25%;
    position: absolute;
    top: 18%;
    opacity: 0;
    /*animation: plugRight 1s 1s forwards;*/
}
@keyframes plugRight{
    0% {
        opacity: 0;
        right: -100%;
    }
    100% {
        opacity: 1;
        right: 8.3%;
    }
}
.plugTop{
    display: block;
    width: 25%;
    position: absolute;
    opacity: 0;
    left: 50%;
    transform: translate(-50%);
    /*animation: plugTop 1.5s 0s forwards;*/
}
@keyframes plugTop {
    0% {
        opacity: 0;
        top: -50%;
    }
    100% {
        opacity: 1;
        top: 34%;
    }
}
.plugBottom{
    display: block;
    width: 40%;
    position: absolute;
    left: 50%;
    transform: translate(-55%);
    opacity: 0;
    /*animation: plugBottom 1.5s 0s forwards;*/
}
@keyframes plugBottom{
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}

/*数据实时加密*/
.data{
    overflow: hidden;
    width: 100%;
    height: 611.27px;
    background: url("../img/videoF1/imImg/TB1YdrGFQL0gK0jSZFtXXXQCXXa-1920-870.png") no-repeat;
    background-size: 100%;
}
.data-text1{
    top: 70px;
    color: #fff;
    line-height: 60px;
}
.data-text2{
    color: #fff;
    top: 140px;
    font-size: 18px;
    opacity: 0;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}
.dataImg{
    margin: auto;
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
}
.dataImg-div{
    width: 100%;
    opacity: 0;
    /*animation: aniTextShow 1s 0.8s linear forwards;*/
    z-index: 1;
}
.dataImg-div img{
    display: block;
    width: 67%;
    margin: auto;
}

/*开会一个钉钉就够了*/
.meeting{
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 611.27px;
    background: url("../img/videoF1/imImg/TB1sFXYj4v1gK0jSZFFXXb0sXXa-1920-870.png") no-repeat;
    background-size: 100%;
}
.meetingText1{
    color: #282828;
    top: 70px;
    line-height: 60px;
}
.meetingText2{
    color: #282828;
    top: 140px;
    font-size: 18px;
    opacity: 0;
    /*animation: aniTextShow 1s 0.4s forwards;*/
}
.meetingImg{
    display: block;
    width: 26%;
    position: absolute;
    right: 18%;
    opacity: 0;
    /*animation: showHand2 1s 0s forwards;*/
}
@keyframes showHand2 {
    0% {
        opacity: 0;
        bottom: -100%;
    }
    100% {
        opacity: 1;
        bottom: -5%;
    }
}
.meetingContent{
    position: absolute;
    top: 45%;
    font-size: 16px;
    color: rgb(51,51,51,0.5);
    opacity: 0;
    /*animation:showCompare 1s 0s forwards;*/
}
@keyframes showCompare {
    0% {
        opacity: 0;
        left: -100%;
    }
    100% {
        opacity: 1;
        left: 12%;
    }
}
.now{
    color: #3296fa;
    margin-top: 30px;
}

/*轻松覆盖20平米的视频会议室*/
.easyCoverage{
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 611.27px;
    background: url("../img/videoF1/imImg/TB1SPPwGbH1gK0jSZFwXXc7aXXa-1920-870.png") no-repeat;
    background-size: 100%;
}
.easyCoverage-text1{
    color: #282828;
    top: 32px;
    line-height: 60px;
}
.easyCoverage-text2{
    color: #282828;
    top: 95px;
    font-size: 18px;
    opacity: 0;
    /*animation: aniTextShow 1s .4s forwards;*/
}

/*4步两分钟，轻松配置*/
.easyConfiguration{
    position: relative;
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
    height: 870px;
    text-align: center;
    background: #000;
    margin: -7px auto 0;
    box-sizing: border-box;
}
.easyConfiguration-content{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.easyConfiguration-content-text1{
    color: #fff;
    box-sizing: border-box;
    padding-top: 70px;
    padding-bottom: 10px;
    line-height: 60px;
    font-size: 42px;
    text-align: center;
    opacity: 0;
    /*animation: aniTextShow 1s 0.2s forwards;*/
    z-index: 10;
}
.easyConfiguration-content-text2{
    color: #282828;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    opacity: 0;
    /*animation: aniTextShow 1s 0.4s forwards;*/
    z-index: 10;
}
.easyConfiguration-content-img{
    margin-top: -1%;
    width: 60%;
    display: inline-block;
    opacity: 0;
    /*animation: aniTextShow 1s 0.8s linear forwards;*/
    z-index: 1;
}
/*linear动画从头到尾的速度都是相同的*/
.easyConfiguration-content-img-ul{
    width: 52%;
    height: 50px;
    margin: -3% 0 2.5% 24%;
    color: #389cff;
    font-size: 18px;
    opacity: 0;
    /*animation: aniTextShow 1s 0.8s linear forwards;*/
    z-index: 1;
}
.easyConfiguration-content-img-ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.fourstep{
    position: absolute;
    width: 100%;
    color: #b0b0b0;
    margin-left: 4%;
    margin-top: 20px;
    font-size: 16px;
}
.fourstep-content{
    margin-left: 26%;
    text-align: left;
    line-height: 63px;
    opacity: 0;
}

.fourstep-content span:nth-child(1) {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #389cff;
    border: 2px solid #389cff;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}
.fourstep-content span:nth-child(2) {
    font-size: 24px;
    color: #fff;
    margin: 0 18px;
    vertical-align: bottom;
}


/*底部*/
footer{
    width: 100%;
    min-width: 1200px;
    background: #F6F6F6;
    color: #000000;
    display: flex;
    justify-content: center;
}
.footerBg{
    width: 1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.footerOne{
    width: 1200px;
    display: flex;
    justify-content: center;
    padding-bottom: 29px;
    border-bottom:1px solid #D8D8D8 ;
    margin-top: 73px;
}
.footerOneTxt{
    width: 16%;
}
.footerOneTxt h1{
    font-size: 14px;
    margin-bottom: 20px;
}
.footerOneTxt li{
    margin: 12px 0;
    font-size: 14px;
}
.footerOneTxt li a{
    display: block;
    color: #000000;
    opacity: 0.4;
}
.footerOneTxt li a:hover{
    opacity: 1;
}
.footerTwo{
    position: relative;
    width: 1200px;
    height: 90px;
    min-height: 90px;
    display: flex;
    align-items: center;
    padding-top: 42px;
    margin-bottom: 42px;
}
.footerTwoLeft{
    position: absolute;
    left: 0;
    display: flex;
    flex-flow: row wrap;
}
.footerTwoLeftTxt{
    margin-right: 32px;
}
.footerTwoLeftTxt p:nth-child(1){
    height: 20px;
    line-height: 20px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 8px;
}
.footerTwoLeftTxt p:nth-child(2){
    height: 20px;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
}
.footerTwoLeftIcon{
    position: relative;
    width: 52px;
    height: 48px;
}
.footerTwoLeftIconSon{
    position: absolute;
    bottom: 0;
    width: 32px;
    height: 32px;
    margin-left: 20px;
    box-sizing: border-box;
}
.footerTwoLeftIconSon img{
    width: 32px;
    height: 32px;
    display: block;
}

.footerTwoLeftIcon1{
    background: url("../img/empHealth/imImg/TB16zuGGaL7gK0jSZFBXXXZZpXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon1off{
    background: url("../img/empHealth/imImg/TB16juGGaL7gK0jSZFBXXXZZpXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon2{
    background: url("../img/empHealth/imImg/TB13caLGmf2gK0jSZFPXXXsopXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon2off{
    background: url("../img/empHealth/imImg/TB1.beOGbY1gK0jSZTEXXXDQVXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon3{
    background: url("../img/empHealth/imImg/TB1CI5KGkP2gK0jSZPxXXacQpXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon3off{
    background: url("../img/empHealth/imImg/TB1ofeQGbj1gK0jSZFuXXcrHpXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon4{
    background: url("../img/empHealth/imImg/TB1e1mKGbr1gK0jSZR0XXbP8XXa-64-64.png") no-repeat;
    background-size: 100%;
}
.footerTwoLeftIcon4off{
    background: url("../img/empHealth/imImg/TB1lrqKGXP7gK0jSZFjXXc5aXXa-64-64.png") no-repeat;
    background-size: 100%;
}

.footerTwoRight{
    position: absolute;
    right: 0;
    display: flex;
    flex-flow: row wrap;
}
.footerTwoRightIcon{
    position: relative;
    margin-left: 24px;
}
.footerRightIcon1{
    display: block;
    width: 97px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1W1uCGeL2gK0jSZPhXXahvXXa-194-84.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.footerRightIcon1off{
    display: block;
    width: 97px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1TD6OF9f2gK0jSZFPXXXsopXa-194-84.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.footerRightIcon2{
    display: block;
    width: 111px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1DqmOGhD1gK0jSZFKXXcJrVXa-222-84.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.footerRightIcon2off{
    display: block;
    width: 111px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1Q8fSF4D1gK0jSZFyXXciOVXa-222-84.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.footerTwoRightMac{
    width: 96px;
    height: 42px;
}
.footerRightIcon3{
    position: absolute;
    width: 96px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1JIqKGXP7gK0jSZFjXXc5aXXa-192-84.png") no-repeat;
    background-size: 100%;
}
.footerRightIcon3:hover{
    background: url("../img/empHealth/imImg/TB1A12OF1T2gK0jSZFvXXXnFXXa-192-84.png") no-repeat;
    background-size: 100%;
}
.footerTwoRightWindow{
    width: 122px;
    height: 42px;
}
.footerRightIcon4{
    position: absolute;
    width: 122px;
    height: 42px;
    background: url("../img/empHealth/imImg/TB1VZqLGbr1gK0jSZFDXXb9yVXa-244-84.png") no-repeat;
    background-size: 100%;
}
.footerRightIcon4:hover{
    background: url("../img/empHealth/imImg/TB14wnOFYr1gK0jSZR0XXbP8XXa-244-84.png") no-repeat;
    background-size: 100%;
}

.footerThree{
    width: 1200px;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
}
.footerThreePartner{
    display: flex;
    flex-flow: row wrap;
}
.footerThreePartner a{
    display: block;
    padding: 0 5px;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    color: rgba(0, 0, 0, .4);
    line-height: 12px;
}
.footerThreePartner a:first-child{
    border-left:none ;
    padding-left: unset;
}
.footerThreeLast a{
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
}
.footerThreeEnd{
    width: 1200px;
    margin: 50px 0 32px 0;
    display: flex;
    justify-content: center;

}
.footerThreeEnd img:nth-child(1){
    width: 20px;
    height: 20px;
}
.footerThreeEnd a{
    margin: 0 4px;
    display: block;
    color: rgba(0, 0, 0, .4);
}
.footerThreeEnd img:nth-child(3){
    width: 23px;
    height: 24px;
}
.footerThree a:hover{
    color: #000;
}
/*微信，抖音等弹窗*/
.footerPopup{
    position: absolute;
    top: -182px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 177px;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    padding: 0 13px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    display: none;
}
.footerPopup-text{
    margin: 20px 0 0 0;
    font-size: 32px;
    font-weight: bold;
}
.footerPopup-text1{
    font-size: 24px;
}
.footerPopup-text2{
    margin: 20px 0 0 0;
    font-size: 40px;
    font-weight: bold;
}
.aniTextShow-1{
    opacity: 0;
    animation: aniTextShow 1s 0.4s forwards;
}
.aniTextShow-2{
    opacity: 0;
    animation: aniTextShow 1s 0.6s forwards;
}
.aniTextShow-3{
    opacity: 0;
    animation: aniTextShow 1s 0s forwards;
}
.aniTextShow-4{
    opacity: 0;
    animation: aniTextShow 1s 4s forwards;
}
.aniTextShow-5{
    opacity: 0;
    animation: aniTextShow 1s 0.2s forwards;
}
.aniTextShow-6{
    animation: aniTextShow 1s 0.8s linear forwards;
}
.fourstep1{
    animation: aniTextShow 0.6s 1.6s linear forwards;
    z-index: 1;
}
.fourstep2{
    animation: aniTextShow 0.6s 2.2s linear forwards;
    z-index: 1;
}

.fourstep4{
    animation: aniTextShow 0.6s 2.4s linear forwards;
    z-index: 1;
}

.imgLeft-1{
    animation:imgLeft 1s 0s forwards;
}
.imgRight-1{
    animation:imgRight 1s 0s forwards;
}

.showHand-1{
    opacity: 0;
    animation: showHand1 1s 0s forwards;
}
.showHand-2{
    opacity: 0;
    animation: showHand2 1s 0s forwards;
}
.plugLeft-1{
    opacity: 0;
    animation: plugLeft 1s 1s forwards;
}
.plugRight-1{
    opacity: 0;
    animation: plugRight 1s 1s forwards;
}
.plugTop-1{
    opacity: 0;
    animation: plugTop 1.5s 0s forwards;
}
.plugBottom-1{
    opacity: 0;
    animation: plugBottom 1.5s 0s forwards;
}
.showCompare-1{
    animation:showCompare 1s 0s forwards;
}

